<div class="row--25-25-25-25 grid-demo">
  <div class="col">
    <h4>25/25/25/25 split</h4>
  </div>
  <div class="col">
    <p>Use 25/25/25/25 for a section with 4 columns split.</p>
  </div>
  <div class="col">
    <p>On medium screens it becomes 2 rows of 50/50 + 50/50 split.</p>
  </div>
  <div class="col">
    <p>To achieve that use <code>row--25-25-25-25</code> on the row and <code>col</code> class names on all the columns.</p>
  </div>
</div>